@charset "utf-8";
/* CSS Document */

html, body { padding:0; margin:0; font:12px "Trebuchet MS", sans-serif; min-width:900px; }
.layout {  background-color:#eee; margin:5px; border:1px solid #ccc; color:#888; }

#header { height:80px; }
#nav { height:30px; }

h2 { margin:5px; padding:10px; font:bold 14px; border:1px outset #ccc; background-color:#ddd; }
h2 span.ui-icon { float:left; margin-top:3px; }
h3 { margin:5px; color:black; }
button { font:11px "Trebuchet MS", sans-serif; }
ul{list-style-type:none;}
.container { padding:10px; display:none; margin:5px; }
.cart-list { width:100%; border:1px solid white; border-collapse:collapse; color:#555; }
.cart-list th, .cart-list td { text-align:left; padding:5px; }
.cart-list th { border-bottom:2px solid #bbb; color:black; }
.cart-list tr { border-bottom:1px solid #bbb; }
#tbShoppingCart  tbody tr:hover { background-color: #f5f5f5; }
.cart-list tbody tr.edit, .cart-list tbody tr.edit:hover { background-color: #faf7e1; }
.cart-list .td100 { width:100px; }
.cart-list .pro { vertical-align:top; }
.cart-list .attr { margin:5px; padding:5px 0; }
.cart-list .attr span.span-attr { margin-right:20px; position:relative; }
.cart-list .attr span.span-attr  span.ui-icon { display:none; }
.cart-list .required { font-weight:bold; color:#cd0a0a; }
.required input {border:1px solid #cd0a0a;} 
.cart-list a.button, .cart-list .attr span.edit { padding: .2em .4em .2em 1.5em; position:relative; cursor:pointer; }
.cart-list a.button span.ui-icon, .cart-list .attr span.edit span.ui-icon { display:block; position:absolute; margin:0; top:.3em; }
.cart-list a.button.ui-state-none:hover { color:#000; }
.cart-list a.button.ui-state-none { color:#888; }

.submit-error,.cart-list .error-tip { position:absolute; padding: .2em .4em .2em 1.5em; margin:25px 0 0 -85px; display:none; }
.cart-list .error-tip span.ui-icon { position:absolute; margin:0; top:.3em; left:.2em; }

.cart-list .btn-save, .cart-list .btn-split { display:none; }
.cart-list .btn-split { position:absolute; margin-top:-3px; cursor:pointer; }
.attr a.button { margin-right:20px; }

input.edit-qty { width:40px; height:15px; font-size:11px; }

ul.custom-tip { padding:1em; margin:0; list-style:none; border:1px solid #ccc; background-color:#f6f6f6; position:absolute; width:100px; display:none; z-index:900; }


#info-empty { text-align:center; border:1px solid gray; height:100px; padding:32px 0 0 0; display:none; }

.uibutton { padding: .4em .4em .4em 1.8em; position:relative; color:#888; }
.uibutton span.ui-icon { position:absolute; margin:0; top:.3em; left:.2em; }

.thumb { width:70px; }

#dialog-sign,#dialog-delete-confirm, #dialog-select-size, #dialog-select-color, #dialog-select-custom { display:none; }
#submit-cart{margin:7px 115px 0 10px;cursor:pointer;width:100px;}
.submit-error{right:1%;top:40%;}
/*css for step2*/
#shipinform{padding:30px;}
#shipinform .left_content{float:left;width:30%;}
#shipinform .right_content{float:right;margin-right:100px;width:25%;}
#shipinform .left_content p h3{font-weight:normal;}
#shipinform .right_content input{width:300px;height:20px;margin-bottom:7px;}
/*css for step3*/
#payment{padding:30px;}
#payment .left_content{float:left;width:40%;}
#payment .left_content ul{list-style-type:none;}
#payment .right_content{float:right;margin-right:200px;width:25%;}
#payment .right_content select{margin-bottom:7px;}
#payment .right_content input{width:300px;height:20px;margin-bottom:7px;}

#final{font-size:32px;font-weight:bold;text-align:center;padding-top:7%;display:none;}

/*css for add_product*/
#cart{text-align:right;padding:10px;position:relative;}
#container{width:100%;height:100%;overflow:auto;text-align:margin:0 auto;}
#pro_pic,#pro_name,#pro_add{float:left;margin:3px;height:450px;}
#pro_pic{width:40%;overflow:hidden;text-align:center;}
#pro_pic img{margin:10px 0 10px 0px; height:410px;}
#pro_name{width:39%;}
#pro_add{width:19%;position:relative;}
#pro_add .btn_add{cursor:pointer;position:absolute;left:50px;bottom:50px;width:160px;}

#cart_table{width:300px;position:absolute;right:70px;top:30px;box-shadow:3px 5px 5px;-webkit-box-shadow:3px 5px 8px #aaa;z-index:10;display:none;}
.table_wraper{max-height:250px;overflow:auto;margin-top:30px;}
#mini_cart tr{background:#fff;}
#mini_cart tr:hover{background:#f5f5f5;}
span.close{cursor:pointer;}
#cart_table img.s_pic{width:30px;}
a.del{text-decoration:none;color:#555;}
#cart_table .btn_check{cursor:pointer;margin:10px;}
.btn_check{display:inline-block;}
.clone{position:absolute;left:0px;bottom:0px;display:none;z-index:100;box-shadow:3px 5px 5px;-webkit-box-shadow:3px 5px 8px #aaa;}
.quanties{cursor:pointer;}
#dialog-sign ul{list-style-type:none;padding:10px;margin:0 auto;text-align:center;}
#dialog-sign ul li {margin:10px 0;}
#dialog-sign ul li input{width:180px;height:20px;}
#dialog-sign p{padding:20px;margin:10px 0 0 0;}
.edits1,.edits2,.edits3{float:right;display:none;cursor:pointer;width:100px;}

/*css for finidh*/
#register{padding:20px 0;}
#register p a{margin:30px;}
#user_inform table td{padding:5px;}
#user_inform table tr:hover{background-color:none!important;}

/*css for r_payment*/
#main{height:500px;position:relative;}
#main ul{overflow:auto;border:1px solid #ccc;width:50%;margin-left:20px;}
#main ul li{float:left;margin:0 5%;cursor:pointer;padding:5px;}
#main ul li.nav_on{background:#bbb;color:#fff;padding:5px;}
#main  input{width:300px;}
.pay1,.pay2,.pay3,.pay4{padding:20px 0 20px 120px;display:none;}












